<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 3.0 License

Name       : Big Business
Description: A two-column, fixed-width design with a bright color scheme.
Version    : 1.0
Released   : 20120210
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="description" content="" />
<meta name="keywords" content="" />
<title>Big Business by Free CSS Templates</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../../style.css" />

<style type="text/css">
.col1 {
	text-align:right;
}

.col2 {
	text-align:left;
}

.tc {
	text-align:center;
}
.head-t{
	text-align:center;
	background-color:#fafafa;
}

.button_role{
text-align:center; 
cursor:pointer;
background-color:#f8f8f8; 
width:70px;
}

.button_role:hover{
border: 1px solid #000;
}

a{
text-decoration:none;
padding:5px 5px 5px 5px;
}
</style>
</head>
<body>
<div id="wrapper">
	<div id="header">
		<div id="logo">
			<h1><a href="#"><span id="soc_name1"></span></a></h1>
		</div>
		<div id="slogan">
			<h2>Welcome Administrator</h2>
		</div>
	</div>
	<div id="menu">
		<ul>
			<li class="first current_page_item"><a href="#">Setup Page</a></li>
			<li><a href="Committee/committee">Committee</a></li>
			<li><a href="Member/members-1.html">Members</a></li>
			<li><a href="#">Contacts</a></li>
		</ul>
		<br class="clearfix" />
	</div>

	<div id="page">
			<table width="100%" cellspacing=10>
				<tr>
					<td colspan=2 style="text-align:center;" class="head-t">
						<div style="text-slign:center;">Add Society Member</div>
					</td>
				</tr>
				<tr>
					<td width="50%" class="tc">Location</td>
					<td width="50%" class="col2"><span id="location"></span></td>
				</tr>
				<tr>
					<td width="50%" class="tc">Name</td>
					<td width="50%" class="col2">
						<select name="address" id="address_n">
							<option value="Mr.">Mr.</option>
							<option value="Ms.">Ms.</option>
							<option value="Mrs.">Mrs.</option>
						</select>
						<input type="text" size=50 id="name" />
						
					</td>
				</tr>
				<tr>
					<td width="50%" class="tc">Is Committee Member?</td>
					<td width="50%" class="col2">
						<input type="radio" name="is_member" value="Yes">Yes</input>
						<input type="radio" name="is_member" value="No">No</input>
					</td>
				</tr>
				<tr>
					<td width="50%" class="tc">Contact no.</td>
					<td width="50%" class="col2"><input type="text" size=50 id="contact_no"/></td>
				</tr>
				<tr>
					<td width="50%" class="tc">Email address</td>
					<td width="50%" class="col2"><input type="text" size=50 id="email"/></td>
				</tr>
				<tr>
					<td width="50%" class="tc">Is Flat rented?</td>
					<td width="50%" class="col2">
						<input type="radio" name="is_rented" value="Yes">Yes</input>
						<input type="radio" name="is_rented" value="No">No</input>
					</td>
				</tr>
				
			</table>
			
			<div id="rental" style="text-align:center; visibility:hidden; display:none;">
				<fieldset style="border:0px;">
				<legend>Tenant's details</legend>
					<table width="100%" cellspacing=10>
						<tr>
							<td width="50%" class="tc">Number of Tenants</td>
							<td width="50%" class="col2"><input type="text" size=1 id="no_of_tenants"/></td>
						</tr>
						<tr>
							<td width="50%" class="tc">Name of any one</td>
							<td width="50%" class="col2">
								<select name="address" id="address_t">
									<option value="Mr.">Mr.</option>
									<option value="Ms.">Ms.</option>
									<option value="Mrs.">Mrs.</option>
								</select>
								<input type="text" size=50 id="t_name" />
							</td>
						</tr>
						<tr>
							<td width="50%" class="tc">Contact no.</td>
							<td width="50%" class="col2"><input type="text" size=50 id="contact_no_t"/></td>
						</tr>
						<tr>
							<td width="50%" class="tc">Email id</td>
							<td width="50%" class="col2"><input type="text" size=50 id="email_t"/></td>
						</tr>
					</table>
				</fieldset>
			</div>
				
				<table width="100%" cellspacing=20>
				<tr>
					<td colspan=2 style="text-align:center;">
						<a href="javascript:void(0);" class="button_role" id="save_mem">Save</a>
					</td>
				</tr>
				
				<tr>
					<td colspan=2 style="text-align:center;">
						<span id="msg_mem" style="display: none;"></span>
					</td>
				</tr>
			</table>
			
			<br class="clearfix"/>
			
		</div>
	</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>  
<script type="text/javascript">
$(document).ready(function(){
	
	$.get("../../bind?id=soc_name",function(data){
		$("#soc_name1").html(data);
	});
 $("input[name=is_rented]:radio").click(function(){
	var isChecked = $(this).val();

	if(isChecked == "Yes")
	{
		$("#rental").css("display","block");
		$("#rental").css("visibility","visible");
	}
	else
	{
		$("#rental").css("display","none");
		$("#rental").css("visibility","hidden");
		$("#t_name").val("");
		$("#contact_no_t").val("");
		$("#email_t").val("");
		$("#no_of_tenants").val("");
	}
});
});

</script>
</body>
</html>